<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="My Play Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap -->
<link href="resources/css/bootstrap.min.css" rel='stylesheet' type='text/css' media="all" />
<!-- //bootstrap -->
<link href="resources/css/dashboard.css" rel="stylesheet">
<!-- 自定义 -->
<link href="resources/app/css/main.css" rel="stylesheet">
<!-- //自定义 -->
<!-- Custom Theme files -->
<link href="resources/css/style.css" rel='stylesheet' type='text/css' media="all" />
<script src="resources/js/jquery-1.11.1.min.js"></script>
<!--start-smoth-scrolling-->
<!-- fonts -->
<%--<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>--%>
<%--<link href='http://fonts.useso.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>--%>
<!-- //fonts -->

</head>
  <body>
  	<input type="hidden" id="myAccount" name=""/>
	<nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><h1><img src="resources/images/logo.png" alt="" /></h1></a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
			<div class="top-search">
				<form class="navbar-form navbar-right">
					<input type="text" class="form-control" placeholder="Search..." id="search_value">
					<input type="submit" value=" " id="search_submit">
				</form>
			</div>
			<div class="header-top-right">
				<div class="file">
					<a href="/vss/video/upload" id="video_upload">Upload</a>
				</div>
				<div class="signin" id="ddd">
					<a href="#small-dialog2" class="play-icon popup-with-zoom-anim">注册</a>
					<!-- pop-up-box -->
									<script type="text/javascript" src="resources/js/modernizr.custom.min.js"></script>
									<link href="resources/css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
									<script src="resources/js/jquery.magnific-popup.js" type="text/javascript"></script>
									<!--//pop-up-box -->
									<div id="small-dialog2" class="mfp-hide">
										<h3>创建账户</h3>
										<div class="social-sits">
												<div class="facebook-button">
													<a href="#"> 微信注册</a>
												</div>
												<div class="chrome-button">
													<a href="#">QQ注册</a>
												</div>

											<div class="button-bottom">
												<p>已有账户? <a href="#small-dialog" class="play-icon popup-with-zoom-anim">直接登录</a></p>
											</div>
										</div>
										<div class="signup">
											<form >
												<input type="text" class="email" placeholder="账号名" maxlength="10" title="Enter a valid mobile number" name="account"/>
											</form>
											<div class="continue-button">
												<a href="#small-dialog3" class="hvr-shutter-out-horizontal play-icon popup-with-zoom-anim">继续</a>
											</div>
										</div>
										<div class="clearfix"> </div>
									</div>
									<div id="small-dialog3" class="mfp-hide">
										<h3>创建账号</h3>
										<div class="social-sits">
											<div class="facebook-button">
												<a href="#">微信注册</a>
											</div>
											<div class="chrome-button">
												<a href="#">QQ注册</a>
											</div>
											<div class="button-bottom">
												<p>已有账号? <a href="#small-dialog" class="play-icon popup-with-zoom-anim">直接登录</a></p>
											</div>
										</div>
										<div class="signup">
											<form id ="addForm">
												<input type="text" class="email" placeholder="账号名" maxlength="10" title="Enter a valid mobile number" name="account"/>

												<%--<input type="text" class="name" placeholder="姓名" maxlength="10" title="Enter your name" name="name" />--%>
												<input type="text" class="email" placeholder="邮箱" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?" title="Enter a valid email" name="email"/>
												<input type="password" placeholder="密码" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" name ="password"/>
												<input type="password" placeholder="确认密码" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" name="checkPassword"/>
												<input type="text" class="email" placeholder="电话" maxlength="10" pattern="[1-9]{1}\d{9}" title="Enter a valid mobile number" name="phone"/>
												<div class="radio">
													<label>
														<input type="radio" name="optionsRadios" id="sex" value="male" checked> 男
													</label>
													<label>
														<input type="radio" name="optionsRadios" id="sex1" value="female"> 女
													</label>
												</div>
												<%--<input class= type="submit"  value="注册"/>--%>
												<button class="btn btn-primary 	zhuce" type="submit" id="t">注册</button>

											</form>
										</div>
										<div class="clearfix"> </div>
									</div>
									<div id="small-dialog7" class="mfp-hide">
										<h3>Create Account</h3>
										<div class="social-sits">
											<div class="facebook-button">
												<a href="#">Connect with Facebook</a>
											</div>
											<div class="chrome-button">
												<a href="#">Connect with Google</a>
											</div>
											<div class="button-bottom">
												<p>Already have an account? <a href="#small-dialog" class="play-icon popup-with-zoom-anim">Login</a></p>
											</div>
										</div>
										<div class="signup">
											<form action="upload.html">
												<input type="text" class="email" placeholder="Email" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?" title="Enter a valid email"/>
												<input type="password" placeholder="Password" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" />
												<input type="submit"  value="Sign In"/>
											</form>
										</div>
										<div class="clearfix"> </div>
									</div>
									<div id="small-dialog4" class="mfp-hide">
										<h3>Feedback</h3>
										<div class="feedback-grids">
											<div class="feedback-grid">
												<p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
											</div>
											<div class="button-bottom">
												<p><a href="#small-dialog" class="play-icon popup-with-zoom-anim">Sign in</a> to get started.</p>
											</div>
										</div>
									</div>
									<div id="small-dialog5" class="mfp-hide">
										<h3>Help</h3>
											<div class="help-grid">
												<p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
											</div>
											<div class="help-grids">
												<div class="help-button-bottom">
													<p><a href="#small-dialog4" class="play-icon popup-with-zoom-anim">Feedback</a></p>
												</div>
												<div class="help-button-bottom">
													<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Lorem ipsum dolor sit amet</a></p>
												</div>
												<div class="help-button-bottom">
													<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Nunc vitae rutrum enim</a></p>
												</div>
												<div class="help-button-bottom">
													<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris at volutpat leo</a></p>
												</div>
												<div class="help-button-bottom">
													<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris vehicula rutrum velit</a></p>
												</div>
												<div class="help-button-bottom">
													<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Aliquam eget ante non orci fac</a></p>
												</div>
											</div>
									</div>
									<div id="small-dialog6" class="mfp-hide">
										<div class="video-information-text">
											<h4>Video information & settings</h4>
											<p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
											<ol>
												<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
												<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
												<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
												<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
												<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
											</ol>
										</div>
									</div>
									<script>
											$(document).ready(function() {
											$('.popup-with-zoom-anim').magnificPopup({
												type: 'inline',
												fixedContentPos: false,
												fixedBgPos: true,
												overflowY: 'auto',
												closeBtnInside: true,
												preloader: false,
												midClick: true,
												removalDelay: 300,
												mainClass: 'my-mfp-zoom-in'
											});

											});
									</script>
				</div>
				<div class="signin" id="dd" >
					<div id="d" name="test">
						<a href="#small-dialog" class="play-icon popup-with-zoom-anim" id="login">登录</a>
					</div>


					<div id="small-dialog" class="mfp-hide">
						<h3>登录</h3>
						<div class="social-sits">statusemail
							<div class="facebook-button">
								<a href="#">微信登录</a>
							</div>
							<div class="chrome-button">
								<a href="#">QQ登录</a>
							</div>
							<div class="button-bottom">
								<p>没有账户? <a href="#small-dialog2" class="play-icon popup-with-zoom-anim">注册</a></p>
							</div>
						</div>
						<div class="signup">
							<form id="signUpForm" >
								<input type="text" class="email" placeholder="账号名" required="required" name="account" />
								<input type="password" placeholder="Password" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" name="password"/>
								<button class="btn btn-primary 	signUpBtn" type="submit"  value="登录">登陆</button>
							</form>
							<div class="forgot">
								<a href="#">忘记密码?</a>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
                <div class="file" id="dddd" >
                    <a href="#small-dialog8" style="display:none;background: white;" id="im" class="play-icon popup-with-zoom-anim myInformation" >
                        <img id="current_user_url1" src="resources/images/a.png" height="50" width="50" style="margin-top: -15px">
                    </a>
                    <div id="small-dialog8" class="mfp-hide">
                        <h3>我的资料</h3>
                        <div class="social-sits">
                            <div class="facebook-button">
                                <a href="#">我的邮箱</a>
                            </div>
                            <div class="chrome-button">
                                <a href="#">我的消息</a>
                            </div>
                            <div class="button-bottom">
                                <p> <a href="#small-dialog" class="play-icon popup-with-zoom-anim">退出登录</a></p>
                            </div>
                        </div>
                        <div class="signup">
							<a href="http://www.baidu.com">
                            <img src="resources/images/a.png" height="50" width="50" id="current_user_url2">
							</a>
                            <form id ="addForm2">
								<input type="text" class="email" placeholder="账号名" maxlength="5" title="我的账号" name="account" id="a" readonly="readonly"/>
							<%--<input type="text" class="name" placeholder="姓名" maxlength="10" title="Enter your name" name="name" />--%>
                                <input type="text" class="email" placeholder="邮箱" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?" title="我的邮箱" name="email" id="e"/>
                                <input type="password" placeholder="密码" required="required" pattern=".{6,}" title="我的密码" autocomplete="off" name ="password" id="p"/>
                                <input type="password" placeholder="确认密码" required="required" pattern=".{6,}" title="修改密码确认" autocomplete="off" name="checkPassword" id="cp"/>
                                <input type="text" class="email" placeholder="电话" maxlength="10" pattern="[1-9]{1}\d{9}" title="我的电话" name="phone" id="ph"/>
                                <div class="radio">
                                    <label>
                                        <input type="radio" name="optionsRadios" id="0" value="male" > 男
                                    </label>
                                    <label>
                                        <input type="radio" name="optionsRadios" id="1" value="female"> 女
                                    </label>
                                </div>
                                <%--<input class= type="submit"  value="注册"/>--%>
                                <button class="btn btn-primary 	updateUser" type="submit" id="t">修改</button>
                            </form>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
                </div>
				<div class="clearfix"> </div>
			</div>
        </div>
		<div class="clearfix"> </div>
      </div>
    </nav>
	<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
	<div class="col-sm-3 col-md-2 sidebar">
		<div class="top-navigation">
			<div class="t-menu">MENU</div>
			<div class="t-img">
				<img src="resources/images/lines.png" alt="" />
			</div>
			<div class="clearfix"> </div>
		</div>
		<div class="drop-navigation drop-navigation">
			<ul class="nav nav-sidebar">
				<li class="active"><a href="/vss" class="home-icon"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>Home</a></li>
				<li><a href="/vss/video/video_show?video_type=news&pageNum=1" class="news-icon"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>News</a></li>
				<li><a href="/vss/video/video_show?video_type=tv_shows&pageNum=1" class="user-icon"><span class="glyphicon glyphicon-home glyphicon-blackboard" aria-hidden="true"></span>TV Shows</a></li>
				<li><a href="/vss/video/video_show?video_type=movies&pageNum=1" class="menu1"><span class="glyphicon glyphicon-film" aria-hidden="true"></span>Movies</a></li>
				<li><a href="/vss/video/video_show?video_type=sports&pageNum=1" class="menu"><span class="glyphicon glyphicon-film glyphicon-king" aria-hidden="true"></span>Sports</a></li>
				<li><a href="/vss/video/video_show?video_type=songs&pageNum=1" class="song-icon"><span class="glyphicon glyphicon-music" aria-hidden="true"></span>Songs</a></li>
				<li><a href="/vss/video/video_show?video_type=history&pageNum=1" class="sub-icon"><span class="glyphicon glyphicon-home glyphicon-hourglass" aria-hidden="true"></span>History</a></li>
			</ul>
			<!-- script-for-menu -->
			<script>
                $( ".top-navigation" ).click(function() {
                    $( ".drop-navigation" ).slideToggle( 300, function() {
                        // Animation complete.
                    });
                });
			</script>
			<div class="side-bottom">
				<div class="side-bottom-icons">
					<ul class="nav2">
						<li><a href="#" class="facebook"> </a></li>
						<li><a href="#" class="facebook twitter"> </a></li>
						<li><a href="#" class="facebook chrome"> </a></li>
						<li><a href="#" class="facebook dribbble"> </a></li>
					</ul>
				</div>
				<div class="copyright">
					<p>Copyright &copy; 2018.scau 15 computer 5! group</p>
				</div>
			</div>
		</div>
	</div>
	<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
		<div class="main-grids" style="margin-top: 20px;">
			<div class="top-grids">
					<div class="recommended-info">
						<h3>Recent Videos</h3>
					</div>
			</div>
			<div class="recommended">
				<div class="recommended-grids">
					<div class="recommended-info">
						<h3>News</h3>
					</div>
					<div  id="top" class="callbacks_container">
						<ul class="rslides" id="slider3">
							<li>
								<div class="animated-grids" id="news1"></div>
							</li>
							<li>
								<div class="animated-grids" id="news2"></div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="recommended">
				<div class="recommended-grids" id="tv_shows1">
					<div class="recommended-info">
						<h3>TV_Shows</h3>
					</div>
				</div>
				<div class="recommended-grids" id="tv_shows2"></div>
			</div>
			<div class="recommended">
				<div class="recommended-grids" id="movies1">
					<div class="recommended-info">
						<h3>Movies</h3>
					</div>
				</div>
				<div class="recommended-grids" id="movies2"></div>
			</div>
			<div class="recommended">
				<div class="recommended-grids" id="sports1">
					<div class="recommended-info">
						<h3>Sports</h3>
					</div>
				</div>
				<div class="recommended-grids" id="sports2"></div>
			</div>
			<div class="recommended">
				<div class="recommended-grids" id="songs1">
						<div class="recommended-info">
							<h3>Songs</h3>
						</div>
				</div>
				<div class="recommended-grids" id="songs2"></div>
			</div>
		</div>
		<!-- footer -->
		<div class="footer">
				<div class="footer-grids">
					<div class="footer-top">
						<div class="footer-top-nav">
							<ul>
								<li><a href="about.html">About</a></li>
								<li><a href="press.html">Press</a></li>
								<li><a href="copyright.html">Copyright</a></li>
								<li><a href="creators.html">Creators</a></li>
								<li><a href="#">Advertise</a></li>
								<li><a href="developers.html">Developers</a></li>
							</ul>
						</div>
						<div class="footer-bottom-nav">
							<ul>
								<li><a href="terms.html">Terms</a></li>
								<li><a href="privacy.html">Privacy</a></li>
								<li><a href="#small-dialog4" class="play-icon popup-with-zoom-anim">Send feedback</a></li>
								<li><a href="privacy.html">Policy & Safety </a></li>
								<li><a href="try.html">Try something new!</a></li>
							</ul>
						</div>
					</div>
					<div class="footer-bottom">
						<ul>
							<li class="languages">
								<select class="form-control bfh-countries" data-country="US">
									<option value="">Select Language</option>
									<option>Japanese</option>
									<option>Greek</option>
									<option>Arabic</option>
								</select>
							</li>
							<li class="languages">
								<select class="form-control bfh-countries">
									<option value="">Select Country</option>
									<option value="CHN">China</option>
									<option value="HKG">Hong Kong</option>
								</select>
							</li>
							<li class="languages">
								<select class="form-control bfh-countries" data-country="US">
									<option value="">Safety Off</option>
									<option value="">Safety On</option>
								</select>
							</li>
							<li><a href="history.html" class="f-history">History</a></li>
							<li><a href="#small-dialog5" class="play-icon popup-with-zoom-anim f-history f-help">Help</a></li>
						</ul>
					</div>
				</div>
		</div>
		<!-- //footer -->
	</div>
	<div class="clearfix"> </div>
	<div class="drop-menu">
		<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu4">
		  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Regular link</a></li>
		  <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled link</a></li>
		  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another link</a></li>
		</ul>
	</div>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
	<script src="resources/js/responsiveslides.min.js"></script>
	<script>
        // You can also use "$(window).load(function() {"
        $(function () {
            // Slideshow 4
            $("#slider3").responsiveSlides({
                auto: true,
                pager: false,
                nav: true,
                speed: 500,
                namespace: "callbacks",
                before: function () {
                    $('.events').append("<li>before event fired.</li>");
                },
                after: function () {
                    $('.events').append("<li>after event fired.</li>");
                }
            });

        });
	</script>
	<script src="resources/js/user.js" type="text/javascript"></script>
    <script src="resources/js/bootstrap.min.js"></script>
	<script src="resources/app/js/base.js"></script>
	<script src="resources/app/js/main.js"></script>
	<script src="resources/app/js/search.js"></script>
    <!-- Just to make our placeholder images work. Don't actually copy the next line! -->
  </body>
</html>